<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:51:"D:\webroot\tongji/app/home\view\fos/trade_list.html";i:1543474745;s:48:"D:\webroot\tongji/app/home\view\common/head.html";i:1539420927;s:50:"D:\webroot\tongji/app/home\view\common/footer.html";i:1542422876;}*/ ?>
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='__HOME__/css/aui.css' rel='stylesheet' />
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  
  .avatar img{border-radius:10px;width:80%;margin:auto;}
  .nickname{font-weight:bold;font-size:0.8rem;line-height:2rem;}
  
  .bill_list{font-size:0.7rem;line-height:2.5rem;text-align:center;}
  .bill_list .aui-row:nth-child(2n){background:#f9f9f9;}
  hr{border-bottom:10px solid #efefef;margin:15px 0}
  .aui-tab-item{color:#829aa5;}
  .avatar{background:#2790e4;display:inline-block;margin-right:5px;width:1.6rem;height:1.6rem;color:white;text-align:center;line-height:1.6rem;border-radius:50%;}
  .items img{display:inline;width:0.6rem;}
  .items{color: #7a8990;
    line-height: 1.2rem;
    font-weight: 400;
    font-size: 0.7rem;}
   .price{ color: #3182c2;
    font-size: 1rem;
    font-weight: bold;}
	
	.aui-btn-info {
		color: #ffffff !important;
		background-color: #2790e4 !important;
		width: 80%;
		border-radius: 3px;
	}
	div{color:#acb8c3}
	.aui-active{font-weight:800;color:#2790e4 !important;border-color:#2790e4 !important;}
</style>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">认购</div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='/'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content' style='padding:0 20px;'>
  <div class='bill_list'>
     <div class="aui-tab" id="tab" style='font-weight:bold;font-size:0.8rem;'>
		<div class="aui-tab-item aui-active">FOS</div>
		<div class="aui-tab-item"><div>股权</div></div>
		<div class="aui-tab-item"><div>区块</div></div>
		<div class="aui-tab-item"><div></div></div>
		<div class="aui-tab-item"><div></div></div>
	</div>
  </div>
</div>
<hr/>
<div class='aui-content'>

  <?php if(is_array($shop) || $shop instanceof \think\Collection || $shop instanceof \think\Paginator): $i = 0; $__LIST__ = $shop;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
   <div class='aui-row' style='padding:5px 10px;'>
      <div class='aui-col-xs-8 items'>
	    <div style='margin-bottom:7px;font-weight: bold;color: #34566d;'><span class='avatar'><?php echo get_first_alpha($vo['name']); ?></span> <?php echo $vo['name']; ?><img src='__HOME__/images/vip.png'/></div>
		<div>数量 <?php echo $count; ?> FOS</div>
		<div>限额 ￥2,000.00 - ￥20,000.00</div>
		<div class='card'><img src='__HOME__/images/card1.png' /> <img src='__HOME__/images/card2.png' /> <img src='__HOME__/images/card3.png' /></div>
	  </div>
      <div class='aui-col-xs-4' align=right>
	    <p>&nbsp;</p>
	    <p><font color='#acb8c3'>单价</font></p>
		<div class='price'>￥<?php echo $vo['price']; ?></div>
		<div><a class='aui-btn aui-btn-info' href='<?php echo url("go_pay"); ?>?shop_id=<?php echo $vo['id']; ?>&count=<?php echo $count; ?>'>购买</a></div>
	  </div>
   </div>
   <hr/>
   <?php endforeach; endif; else: echo "" ;endif; ?>
</div>
<script type="text/javascript" src="__HOME__/script/api.js"></script>
<script type="text/javascript" src="__HOME__/script/aui-tab.js"></script>
<script type="text/javascript" src="__HOME__/script/aui-dialog.js" ></script>
<script type="text/javascript" src="__HOME__/script/aui-toast.js" ></script>
<script type="text/javascript" src="__HOME__/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/layer/layer.js"></script>

<script type="text/javascript">
    var dialog = new auiDialog({})
	function tips(){
	    dialog.alert({
			title:"提示",
			msg:"敬请期待!",
			buttons:['确定']
		});
	}
</script>
</body>
</html>